<!DOCTYPE html>
<!--[if IE 9 ]><html class="ie ie9" lang="en" class="no-js"> <![endif]-->
<!--[if !(IE)]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<head>
<title>北京就医</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="KingAdmin - Bootstrap Admin Dashboard Theme">
<meta name="author" content="The Develovers">
<!-- CSS -->
<link href="assets/css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="assets/css/font-awesome.css" rel="stylesheet" type="text/css">
<link href="assets/css/main.css" rel="stylesheet" type="text/css">
<link href="assets/css/colorbox.css" rel="stylesheet" type="text/css">
<!-- CSS for换肤 -->
<link href="demo-style-switcher/assets/css/style-switcher.css" rel="stylesheet" type="text/css">

<!-- Fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/kingadmin-favicon144x144.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/kingadmin-favicon114x114.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/kingadmin-favicon72x72.png">
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="assets/ico/kingadmin-favicon57x57.png">
<link rel="shortcut icon" href="assets/ico/favicon.png">
</head>
<body >
<!-- WRAPPER -->
<div class="wrapper"> 
  <!-- TOP BAR -->
  <div class="alert alert-danger top-general-alert"> <span><strong>温馨提示：</strong>此提示关闭之后将不再显阅读.</span> <a type="button" class="close">&times;</a> </div>
  <div class="top-bar">
    <div class="container">
      <div class="row"> 
        <!-- logo -->
        <div class="col-md-2 logo"> <a href="index.html"><img src="assets/img/kingadmin-logo-white.png" alt="KingAdmin - Admin Dashboard" /></a>
          <h1 class="sr-only">分级诊疗</h1>
        </div>
        <!-- end logo -->
        <div class="col-md-10">
          <div class="top-bar-right"> 
            <!-- responsive menu bar icon --> 
            <a href="#" class="hidden-md hidden-lg main-nav-toggle"><i class="fa fa-bars"></i></a> 
            <!-- end responsive menu bar icon -->
            <div class="notifications">
              <ul>
                <!-- notification: inbox -->
                <li class="notification-item inbox">
                  <div class="btn-group"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-envelope"></i><span class="count">2</span> <span class="circle"></span> </a>
                    <ul class="dropdown-menu" role="menu">
                      <li class="notification-header"> <em>你有两封未读邮件</em> </li>
                      <li class="inbox-item clearfix"> <a href="#">
                        <div class="media">
                          <div class="pull-left" href="#"> <img class="media-object" src="assets/img/user1.png" alt="Antonio"> </div>
                          <div class="media-body">
                            <h5 class="media-heading name">Antonius</h5>
                            <p class="text">The problem just happened this morning. I can't see ...</p>
                            <span class="timestamp">4 minutes ago</span> </div>
                        </div>
                        </a> </li>
                      <li class="inbox-item unread clearfix"> <a href="#">
                        <div class="media">
                          <div class="pull-left" href="#"> <img class="media-object" src="assets/img/user2.png" alt="Antonio"> </div>
                          <div class="media-body">
                            <h5 class="media-heading name">Michael</h5>
                            <p class="text">Hey dude, cool theme!</p>
                            <span class="timestamp">2 hours ago</span> </div>
                        </div>
                        </a> </li>
                      <li class="inbox-item unread clearfix"> <a href="#">
                        <div class="media">
                          <div class="pull-left" href="#"> <img class="media-object" src="assets/img/user3.png" alt="Antonio"> </div>
                          <div class="media-body">
                            <h5 class="media-heading name">Stella</h5>
                            <p class="text">Ok now I can see the status for each item. Thanks! :D</p>
                            <span class="timestamp">Oct 6</span> </div>
                        </div>
                        </a> </li>
                      <li class="inbox-item clearfix"> <a href="#">
                        <div class="media">
                          <div class="pull-left" href="#"> <img class="media-object" src="assets/img/user4.png" alt="Antonio"> </div>
                          <div class="media-body">
                            <h5 class="media-heading name">Jane Doe</h5>
                            <p class="text"><i class="fa fa-reply"></i> Please check the status of your ...</p>
                            <span class="timestamp">Oct 2</span> </div>
                        </div>
                        </a> </li>
                      <li class="inbox-item clearfix"> <a href="#">
                        <div class="media">
                          <div class="pull-left" href="#"> <img class="media-object" src="assets/img/user5.png" alt="Antonio"> </div>
                          <div class="media-body">
                            <h5 class="media-heading name">John Simmons</h5>
                            <p class="text"><i class="fa fa-reply"></i> I've fixed the problem :)</p>
                            <span class="timestamp">Sep 12</span> </div>
                        </div>
                        </a> </li>
                      <li class="notification-footer"> <a href="#">View All Messages</a> </li>
                    </ul>
                  </div>
                </li>
                <!-- end notification: inbox --> 
                
                <!-- notification: general -->
                <li class="notification-item general">
                  <div class="btn-group"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-bell"></i><span class="count">8</span> <span class="circle"></span> </a>
                    <ul class="dropdown-menu" role="menu">
                      <li class="notification-header"> <em>你有8个通知</em> </li>
                      <li> <a href="#"> <i class="fa fa-comment green-font"></i> <span class="text">New comment on the blog post</span> <span class="timestamp">1 minute ago</span> </a> </li>
                      <li> <a href="#"> <i class="fa fa-user green-font"></i> <span class="text">New registered user</span> <span class="timestamp">12 minutes ago</span> </a> </li>
                      <li> <a href="#"> <i class="fa fa-comment green-font"></i> <span class="text">New comment on the blog post</span> <span class="timestamp">18 minutes ago</span> </a> </li>
                      <li> <a href="#"> <i class="fa fa-shopping-cart red-font"></i> <span class="text">4 new sales order</span> <span class="timestamp">4 hours ago</span> </a> </li>
                      <li> <a href="#"> <i class="fa fa-edit yellow-font"></i> <span class="text">3 product reviews awaiting moderation</span> <span class="timestamp">1 day ago</span> </a> </li>
                      <li> <a href="#"> <i class="fa fa-comment green-font"></i> <span class="text">New comment on the blog post</span> <span class="timestamp">3 days ago</span> </a> </li>
                      <li> <a href="#"> <i class="fa fa-comment green-font"></i> <span class="text">New comment on the blog post</span> <span class="timestamp">Oct 15</span> </a> </li>
                      <li> <a href="#"> <i class="fa fa-warning red-font"></i> <span class="text red-font">Low disk space!</span> <span class="timestamp">Oct 11</span> </a> </li>
                      <li class="notification-footer"> <a href="#">View All Notifications</a> </li>
                    </ul>
                  </div>
                </li>
                <!-- end notification: general -->
              </ul>
            </div>
            <!-- logged user and the menu -->
            <div class="logged-user">
              <div class="btn-group"> <a href="#" class="btn btn-link dropdown-toggle" data-toggle="dropdown"> <img src="assets/img/user-avatar.png" /> <span class="name">Stacy Rose</span> <span class="caret"></span> </a>
                <ul class="dropdown-menu" role="menu">
                  <li> <a href="#"> <i class="fa fa-user"></i> <span class="text">个人中心</span> </a> </li>
                  <li> <a href="#"> <i class="fa fa-cog"></i> <span class="text">设置</span> </a> </li>
                  <li> <a href="#"> <i class="fa fa-power-off"></i> <span class="text">退出</span> </a> </li>
                </ul>
                
                <!-- end logged user and the menu --> 
              </div>
              <!-- /top-bar-right --> 
            </div>
          </div>
          <!-- /row --> 
        </div>
      </div>
      <!-- /row --> 
    </div>
    <!-- /container --> 
  </div>
  <!-- /top --> 
  <!-- BOTTOM: LEFT NAV AND RIGHT MAIN CONTENT -->
  <div class="bottom">
    <div class="container">
      <div class="row"> 
        <!-- left sidebar -->
        <div class="col-md-2 left-sidebar"> 
          <!-- main-nav -->
          <nav class="main-nav">
            <ul class="main-menu">
              <li ><a href="index.html"><i class="fa fa-dashboard fa-fw"></i><span class="text">首页</span></a></li>
              <li  class="active"><a href="#" class="js-sub-menu-toggle"><i class="fa fa-gear" aria-hidden="true"></i><span class="text">系统管理</span> <i class="toggle-icon fa fa-angle-left"></i></a>
                <ul class="sub-menu open">
                  <li><a href="字典管理.html"><span class="text">字典管理</span></a></li>
                  <li><a href="权限管理.html"><span class="text">权限管理</span></a></li>
                </ul>
              </li>			  			 
              <li  class="active"><a href="#" class="js-sub-menu-toggle"><i class="fa fa-gear" aria-hidden="true"></i><span class="text">用户管理</span> <i class="toggle-icon fa fa-angle-left"></i></a>
                <ul class="sub-menu open">
                  <li ><a href="#"><span class="text">系统用户</span></a></li>
				  <li ><a href="患者微信用户.html"><span class="text">患者微信用户</span></a></li>
                </ul>
              </li>			  
			  <li ><a href="专家管理.html"><i class="fa fa-hospital-o "></i><span class="text">专家管理</span></a></li>
			  <li ><a href="医院管理.html"><i class="fa fa-hospital-o "></i><span class="text">医院管理</span></a></li>			 
			  <li  class="active"><a href="#" class="js-sub-menu-toggle"><i class="fa fa-gear" aria-hidden="true"></i><span class="text">省份业务管理</span> <i class="toggle-icon fa fa-angle-left"></i></a>
                <ul class="sub-menu open">
                  <li ><a href="开通业务.html"><span class="text">开通业务</span></a></li>
				  <li ><a href="便民服务中心.html"><span class="text">便民服务中心</span></a></li>				  
                </ul>
              </li>			  
			  <li ><a href="优惠码管理.html"><i class="fa fa-hospital-o "></i><span class="text">优惠码管理</span></a></li>		  
			  <li ><a href="就诊方案管理.html"><i class="fa fa-hospital-o "></i><span class="text">就诊方案管理</span></a></li>		  
			  
              <li  class="active"><a href="#" class="js-sub-menu-toggle"><i class="fa fa-gear" aria-hidden="true"></i><span class="text">业务管理</span> <i class="toggle-icon fa fa-angle-left"></i></a>
                <ul class="sub-menu open">
				  <li ><a href="就医绿色通道.html"><span class="text">就医绿色通道</span></a></li>
				  <li ><a href="第二诊疗意见.html"><span class="text">第二诊疗意见</span></a></li>	
				  <li ><a href="北京就医.html"><span class="text">北京就医</span></a></li>				  
				  <li ><a href="重大疾病.html"><span class="text">重大疾病</span></a></li>	
                </ul>
              </li>				  
            </ul>
          </nav>
          <!-- /main-nav -->
          <div class="sidebar-minified js-toggle-minified"> <i class="fa fa-angle-left"></i> </div>
          <!-- sidebar content --> 
          <!-- end sidebar content --> 
        </div>
        <!-- end left sidebar --> 
        <!-- content-wrapper -->
        <div class="col-md-10 content-wrapper"> 
          <!-- main -->
          <div class="main-tab">
            <ul>
              <li><a href="北京就医.html" class="active">待匹配专家</a></li>
              <li><a href="北京就医待支付.html">待支付</a></li>
              <li><a href="北京就医支付成功.html">支付成功</a></li>
            </ul>
          </div>
          <div class="content">
            <div class="main-content">
              <div class="row m20">
                <div class="col-sm-2">
                    <input class="form-control" placeholder="请输入预约编号" type="text">
                </div>
                <div class="col-sm-2">
                    <input class="form-control" placeholder="请输入真实姓名" type="text">
                </div>
                <div class="col-sm-2">
                    <input class="form-control" placeholder="请输入手机号码" type="text">
                </div>             
                <div class="col-sm-4 ">
                 <div class="col-sm-5"><button type="button" class="btn btn-info btn-block">查询</button></div>
                 <div class="col-sm-5"><button type="button" class="btn btn-info btn-block" data-toggle="modal" data-target="#modal-smsh">更多</button></div>
                  
                </div>
              </div>
			  <!--
              <div class="content-inputs clearfix">
                <div class="col-sm-12 text-right">
                  <button type="button" class="btn btn-danger">批量退款</button>
                </div>
              </div>
			  -->
              <div class="content-table">
                <table class="table table-sorting table-striped table-hover table-bordered" width="100%" cellspacing="0" cellpadding="0">
                  <thead>
                    <tr>            
                      <th width="%">预约编号</th>
                      <th width="%">真实姓名</th>
                      <th width="%">证件号码</th>
                      <th width="%">手机号码</th>
                      <th width="%">申请时间</th>
                      <th width="%">操作</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td>YY000001</td>
                      <td><a href="#"  data-toggle="modal" data-target="#modal-dyzl">赵伟</a></td>
                      <td>1101071098504260917</td>
					  <td>15810685582</td>
                      <td>2017-01-01<br/>13:13:13</td>
                      <td class="as"><a href="北京就医匹配专家.html">匹配专家</a></td>
                    </tr>
                    
                  </tbody>
                </table>
              </div>
              <div class="table-bottom">
                    <div class="table-bottom-text col-lg-6">当前第1/6 共56条记录</div>
                    <div class="dataTables_info col-lg-6">
                      <ul class="pagination fr">
                        <li class="disabled"><a href="#">«</a></li>
                        <li class="active"><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li><a href="#">»</a></li>
                      </ul>
                    </div>
                  </div>             
            </div>
            <!-- /main-content --> 
          </div>
          <!-- /main --> 
        </div>
        <!-- /content-wrapper --> 
      </div>
      <!-- /row --> 
    </div>
    <!-- /container --> 
  </div>
  <!-- END BOTTOM: LEFT NAV AND RIGHT MAIN CONTENT -->
  <div class="push-sticky-footer"></div>
</div>
<!-- /wrapper --> 

<!-- FOOTER -->
<footer class="footer"> &copy; 2016 分级诊疗 </footer>
<!-- END FOOTER --> 
<!-- 实名制审核查询条件 modal -->
<div class="modal fade" id="modal-smsh">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> &times; </button>
        <h4 class="modal-title" id="myModalLabel">查询条件</h4>
      </div>
      <div class="modal-body">
        	<div class="com-bot-text">
              <div class="content-inputs clearfix">
                <label class="col-sm-3 pad-0">预约编号：</label>
                <div class="col-sm-7">
                  <input class="form-control" placeholder="请输入预约编号：" type="text">
                </div>
              </div>
              <div class="content-inputs clearfix">
                <label class="col-sm-3 pad-0">真是姓名：</label>
                <div class="col-sm-7">
                  <input class="form-control" placeholder="请输入真实姓名" type="text">
                </div>
              </div>
              <div class="content-inputs clearfix">
                <label class="col-sm-3 pad-0">手机号码：</label>
                <div class="col-sm-7">
                  <input class="form-control" placeholder="请输入手机号码" type="text">
                </div>
              </div>
              <div class="content-inputs clearfix">
                <label class="col-sm-3 pad-0">证件号码：</label>
                <div class="col-sm-7">
                  <input class="form-control" placeholder="请输入证件号码" type="text">
                </div>
              </div>
			  <div class="content-inputs clearfix">
				<label for="ticket-name" class="col-sm-3 control-label pad-0">申请时间：</label>
				<div class="col-sm-4 pad-0">
				   <div class="input-group">
								  <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
								  <input class="Wdate form-control" type="text" onClick="WdatePicker()" placeholder="请选择">

						  </div>
				</div>
				<div class="col-sm-1 pad-0">
				 <label  class="text-center" style="line-height:34px;display:block;">至</label>
				</div>
				<div class="col-sm-4 pad-0">
					 <div class="input-group">
								  <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
								  <input class="Wdate form-control" type="text" onClick="WdatePicker()" placeholder="请选择">
					 </div>
				</div>
			  </div> 
 
			  
            </div>
        
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger">重置 </button>
        <button type="button" class="btn btn-info" data-toggle="modal" data-target="#modal-jgrk"> 查询 </button>
        <button type="button" class="btn btn-primary" class="close" data-dismiss="modal">返回</button>
      </div>
    </div>
    <!-- /.modal-content --> 
  </div>
  <!-- /.modal -->
</div>

<!-- 就诊信息 modal -->
<div class="modal fade" id="modal-dyzl">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> &times; </button>
        <h4 class="modal-title" id="myModalLabel"><span class="text-danger">赵伟</span> 就诊信息</h4>
      </div>
      <div class="modal-body">
        	<div class="com-bot-text">
              <div class="form-group clearfix">
                <label class="col-sm-3 pad-0">诊断描述</label>
                <div class="col-sm-7">
                  还行
                </div>
              </div>
              <div class="form-group clearfix">
                <label class="col-sm-3 pad-0">期望医院</label>
                <div class="col-sm-7">
                  北京人民医院
                </div>
              </div>
              <div class="form-group clearfix">
                <label class="col-sm-3 pad-0">就诊科室</label>
                <div class="col-sm-7">
                  内科
                </div>
              </div>			  
              <div class="form-group clearfix">
                <label class="col-sm-3 pad-0">期望时间</label>
                <div class="col-sm-7">
					2017-01-01
                </div>
              </div>

              <div class="form-group clearfix">
                <label class="col-sm-3 pad-0">门诊类型</label>
                <div class="col-sm-7">
                  专家门诊
                </div>
              </div>   
              <div class="form-group clearfix">
                <label class="col-sm-3 pad-0">目标专家</label>
                <div class="col-sm-7">
				  无
                </div>
              </div>   			             	
              <div class="form-group clearfix">
                <label class="col-sm-3 pad-0">您的诉求</label>
                <div class="col-sm-7">
                  疼疼疼疼疼疼疼疼疼疼疼疼疼疼疼疼疼疼疼疼疼
                </div>
              </div>			  
              <div class="form-group clearfix">
                <label class="col-sm-3 pad-0">检查报告照片</label>
                <div class="col-sm-9">
                  <ul class="gallery">
                      <li>
                        <a href="#">
                          <img src="assets/img/demo/1.jpg" alt="">
                        </a>
                        <div class="extras">
                          <div class="extras-inner">
                            <a href="assets/img/demo/big/1.jpg" class='colorbox-image' rel="group-1">
                              <i class="fa fa-search"></i>
                            </a>
                            
                          </div>
                        </div>
                      </li>
                      <li>
                        <a href="#">
                          <img src="assets/img/demo/2.jpg" alt="">
                        </a>
                        <div class="extras">
                          <div class="extras-inner">
                            <a href="assets/img/demo/big/2.jpg" class='colorbox-image' rel="group-1">
                              <i class="fa fa-search"></i>
                            </a>
                           
                          </div>
                        </div>
                      </li>
                      <li>
                        <a href="#">
                          <img src="assets/img/demo/3.jpg" alt="">
                        </a>
                        <div class="extras">
                          <div class="extras-inner">
                            <a href="assets/img/demo/big/3.jpg" class='colorbox-image' rel="group-1">
                              <i class="fa fa-search"></i>
                            </a>
                            
                          </div>
                        </div>
                      </li>
                     
                   
                    </ul>
                </div>
              </div>		
			  
            </div>
        
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" class="close" data-dismiss="modal">返回</button>
      </div>
    </div>
    <!-- /.modal-content --> 
  </div>
  <!-- /.modal -->
</div>



<!-- STYLE SWITCHER -->
<div class="del-style-switcher">
  <div class="del-switcher-toggle toggle-hide"></div>
  <form>
    <section class="del-section del-section-skin">
      <h5 class="del-switcher-header">Choose Skins:</h5>
      <ul>
        <li><a href="#" title="Slate Gray" class="switch-skin slategray" data-skin="assets/css/skins/slategray.css">Slate Gray</a></li>
        <li><a href="#" title="Dark Blue" class="switch-skin darkblue" data-skin="assets/css/skins/darkblue.css">Dark Blue</a></li>
        <li><a href="#" title="Dark Brown" class="switch-skin darkbrown" data-skin="assets/css/skins/darkbrown.css">Dark Brown</a></li>
        <li><a href="#" title="Light Green" class="switch-skin lightgreen" data-skin="assets/css/skins/lightgreen.css">Light Green</a></li>
        <li><a href="#" title="Orange" class="switch-skin orange" data-skin="assets/css/skins/orange.css">Orange</a></li>
        <li><a href="#" title="Red" class="switch-skin red" data-skin="assets/css/skins/red.css">Red</a></li>
        <li><a href="#" title="Teal" class="switch-skin teal" data-skin="assets/css/skins/teal.css">Teal</a></li>
        <li><a href="#" title="Yellow" class="switch-skin yellow" data-skin="assets/css/skins/yellow.css">Yellow</a></li>
      </ul>
      <button type="button" class="switch-skin-full fulldark" data-skin="assets/css/skins/fulldark.css">Full Dark</button>
      <button type="button" class="switch-skin-full fullbright" data-skin="assets/css/skins/fullbright.css">Full Bright</button>
    </section>
    <p><a href="#" title="Reset Style" class="del-reset-style">Reset Style</a></p>
  </form>
</div>
<!-- END STYLE SWITCHER --> 

<!-- Javascript --> 

<script src="assets/js/jquery-2.1.0.min.js"></script> 
<script src="assets/js/bootstrap.js"></script> 
<script src="assets/js/king-common.js"></script> 
<script src="assets/js/moment.min.js"></script> 
<script src="assets/js/com/WdatePicker.js"></script>
<script src="assets/js/com/jquery.colorbox-min.js"></script> 
<script src="demo-style-switcher/assets/js/deliswitch.js"></script> <!-- 换肤JS --> 

<script type="text/javascript">

	

	
	if ($(".colorbox-image").length > 0) {
          $(".colorbox-image").colorbox({  //调用放大图插件
            maxWidth: "90%",
            maxHeight: "90%",
            rel: $(this).attr("rel")
          });
    } 
</script>
</body>
</html>